<template>
	<div class="studnet-information">
		<p class="student-select-title">学员信息</p>
		<img class="no-message" v-if="!stuData.studentId" src="/static/img/no-message.jpg" alt="暂无消息">
		<div v-else-if="stuData.studentId">
			<img class="student-headImg" :src="stuData.photo|| '/static/img/student.jpg'" alt="学员头像" width="140">
			<p class="student-name">{{stuData.name}}</p>
			<ul>
				<li class="stuInfo-item">证件号码：{{stuData.cardnum}}</li>
				<li class="stuInfo-item">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：{{$dicCache.getNameByMarkAndVal('XBDM', stuData.sex)}}</li>
				<li class="stuInfo-item">培训车型：{{stuData.traintype}}</li>
				<li class="stuInfo-item">手机号码：{{stuData.phone}}</li>
			</ul>
		</div>
	</div>
</template>

<script>
export default {
  name: "student-info",
  props: {
    stuData: {
      type: Object
    }
  }
};
</script>

<style scoped>
.student-headImg {
  width: 140px;
  height: 140px;
  border-radius: 100%;
  margin: 50px auto;
  display: block;
}
</style>
